.pagebg {
    box-sizing border-box;
    min-height: 100%;
    width: 100%;
    background: url('../images/redpacket/sharebg.png');
    background-repeat: no-repeat;
    background-size: 100% auto;    
}

.div-placeholder {
    width: 100%;
    /*height: 1.98rem;*/
    height: 0.4rem;
    opacity: 0;
}

.info-section {
    box-sizing border-box;
    /*top: -1.5rem;*/
    position: relative;
    width: 100%;
}

.titlediv{
	text-align: center;
}

.titleicon{
	width: 2.5rem;
	height: auto;
}

.mannums{
	margin-top: 0.13rem;
	text-align: center;
	display: flex;
	justify-content: center;
	font-weight: bold;
	font-size: 0.14rem;
}

.numsdiv{
	background-color: #c59300;
	border-radius: 2px;
	width: 0.22rem;
	height: 0.22rem;
	margin-left: 0.03rem;
	display: flex;
	align-items: center;
	justify-content:center;
	font-size: 0.16rem;
	color: #FFFFFF;
	font-weight: bold;
}

.info-regpanl {
    /*box-sizing border-box;*/
    padding 0 .2rem 0 .2rem;
    background-color: #fff;
    width: 2.8rem;
    margin: 0.25rem auto;
    border-radius: 0.08rem;
    box-shadow: 0 4px 8px rgba(80, 80, 80, 0.5);
}

.info-regpanl .title{
	font-size: 0.17rem;
	color: #333333;
	text-align: center;
	padding-top: 0.25rem;
	font-weight:bold;
}

.cellbox{
	padding-left: 0.172rem;
	padding-right: 0.172rem;
	padding-bottom: 0.172rem;
	padding-top: 0.2rem;
}

.info-cell{
    color:#515151;    
    display:flex;
    align-items:center;
    min-height:.38rem;
    border-bottom:1px #eee solid;
    margin-bottom: 0.1rem;
}

.info-cell .left{
	font-size:0.13rem;
    flex:0 0 0.8rem;
    padding-left: 0.08rem;
    padding-top: 0.01rem;
    align-items: center;
    font-weight: bold;
    color: #333333;
}
    
.info-cell .center{
    flex:1;
    width: 1.7rem;
    line-height:.19rem;
    padding-left: 0.13rem;
}

.info-cell .right{
    flex:1;
    padding-left: 0.05rem;
    line-height:.19rem;
    font-weight: bold;
    color: #333333;
    font-size:0.13rem;
}

.info-cell .icon{
    width: 0.17rem;
    flex:0 0 0;
}

.info-cell .codebtn{
    width: 0.86rem;
    flex:1;
}


.money-text{
	border: 0px;
	outline:none;
	cursor: pointer;
	width: 1.35rem;
	text-align:left;
	color: #a8a8a8;
	font-size:0.123rem;
	font-weight: bold;
}

.btndiv{
	margin-top: 0.15rem;
	text-align: center;
}

.imagebtn{
	width:2.15rem;
	height: auto;
}

.divbottom{
	height: 0.7rem;
}

.box1{  
    position: fixed;  
    width: 100%;  
    height: 100%;  
    top:0;
    text-align: center;
    background: rgba(0,0,0,0.5);
    display: none;
}

.box1 .closebtn{
	position: fixed;
	top:0.2rem;
	left: 0.25rem;
	width: 0.2rem;
	height: 0.2rem;
}

.box1 .togeticon{
	margin-top: 0.98rem;
	width: 3rem;
	height: 3.4rem;
}

.box1 .togetbtn{
	/*margin-top: 4.4rem;*/
	top:4.5rem;
	width: 1.54rem;
	height: 0.36rem;
}

.box1 .boxpanl{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}


.box2{  
    position: fixed;  
    width: 100%;  
    height: 100%;  
    top:0;
    text-align: center;
    background: rgba(0,0,0,0.5);
    display: none;
}

.box2 .closebtn{
	position: fixed;
	top:0.2rem;
	left: 0.25rem;
	width: 0.2rem;
	height: 0.2rem;
}

.box2 .togeticon{
	margin-top: 0;
	width: 3.3rem;
	height: 4.3rem;
}

.box2 .togetbtn{
	top:4.5rem;
	width: 1.54rem;
	height: 0.36rem;
}

.box2 .boxpanl{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.getmoney{
	position: absolute;
	top:2.65rem;
	font-weight: bold;
	color: #ea3323;
	font-size: 0.3rem;
}

.txt_times{
	display: none;
	margin-right: 0.15rem;
}
